﻿@charset "utf-8";
body{
	max-width:640px;
	background:#fcd7a1;
}
.lottery{
	position:relative;
	width:100%;
	overflow:hidden;
}
.bg{
	width:100%;
	display:block;
}
.turntable_container{
	position: absolute;
    top: 31%;
    left: 6.2%;
    width: 95%;
	z-index:1;
}
.turntable{
	position: absolute;
	top: 36%;
	left: 12.2%;
	width: 75.4%;
	z-index: 2;
}
.pointer{
	position: absolute;
	top: 50%;
	left: 39%;
	width: 25%;
	z-index: 3;
}
.pay_num{
	position: absolute;
	width: 6%;
	overflow: hidden;
	color: #fff;
	top: 26%;
	left: 42.5%;
	font-size: 1.6rem;
	text-align: center;
	text-shadow: 0 0 0.3rem #55372e;
}
.activity_rule, .prize_record{
	position:absolute;
	color:#e62129;
	bottom:3.4%;
	font-size: 1rem;
    	font-weight: bold;
}
.activity_rule{
	left:27%;
}
.prize_record{
	left:49%;
}
#shade{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.7);
	z-index:10;
	display:none;
}
/*注册提示*/
.register{
	position:fixed;
	width:90%;
	overflow:hidden;
	border-radius:8px;
	top:50%;
	left:5%;
	z-index:11;
	background:#fff;
	margin-top:-5rem;
	text-align:center;
	display:none;
}
.register .close{
	position:absolute;
	font-size:1.7rem;
	top:0.4rem;
	right:1rem;
	color:#b9c0c0;
}
.register .header{
	color:#231815;
	font-size:1.8rem;
	background:#f08300;
	padding:0.6rem 0 1rem 0;
}
.register .content{
	padding:1.6rem 1rem;
	font-size:1.3rem;
	line-height:1.6rem;
}
/*活动规则*/
.rule{
	position: fixed;
	width: 82%;
	overflow: hidden;
	border-radius: 8px;
	top: 50%;
	left: 9%;
	z-index: 11;
	background: #fff;
	margin-top: -16rem;
	display: none;
}
.rule .header{
	color:#fff;
	text-align:center;
	font-size:1.8rem;
	background:#d4975c;
	padding:0.6rem 0;
}
.rule .close{
	position:absolute;
	font-size:1.7rem;
	top:0.4rem;
	right:1rem;
	color:#b9c0c0;
}
.rule .content{
	padding:1.6rem 1rem;
	font-size:1.1rem;
	line-height:1.6rem;
}
.rule .content p{
	padding-bottom:1rem;
}
.rule .content p .color{
	color:#e50012;
}
.rule .content p.tips{
	padding:0;
}
/*抽中奖品*/
.prize{
	position: fixed;
	width: 82%;
	overflow: hidden;
	border-radius: 8px;
	top: 50%;
	left: 9%;
	z-index: 11;
	background: #fff;
	margin-top: -16rem;
	display: none;
}
.prize .close{
	position:absolute;
	font-size:1.7rem;
	top:0.4rem;
	right:1rem;
	color:#b9c0c0;
}
.prize .pic{
	display:block;
	width:8.6rem;
	margin:3rem auto 1.5rem auto;
}
.prize .red{
	text-align:center;
	color:#e60613;
	font-size:2rem;
	font-weight:bold;
}
.prize .gain{
	text-align:center;
	font-size:1.8rem;
}
.prize .prize-name{
	color:#ec6600;
}
.prize .get-prize{
	border:0;
	display:block;
	background:#874b23;
	color:#fff;
	margin: 1.5rem auto 2rem auto;
	width:18rem;
	font-size:2rem;
	border-radius:5px;
	line-height:3rem;
	height:3rem;
}
.prize .consider{
	overflow:hidden;
	width:18rem;
	margin:0 auto 1.5rem auto;
}
.prize .consider .content{
	float:left;
	font-size:1rem;
}
.prize .consider .content .title{
	font-size:1.6rem;
	font-weight:bold;
	line-height:2rem;
}
.prize .consider .content .title .cursor{
	width:2rem;
	display:inline-block;
	margin-left:0.5rem;
}
.prize .consider .code{
	width:6rem;
	float:right;
}
/*活动结束*/
.end{
	position: fixed;
	width: 82%;
	overflow: hidden;
	border-radius: 8px;
	top: 50%;
	left: 9%;
	z-index: 11;
	background: #fff;
	margin-top: -16rem;
	display: none;
}
.end .close{
	position:absolute;
	font-size:1.7rem;
	top:0.4rem;
	right:1rem;
	color:#b9c0c0;
}
.end .pic{
	display:block;
	width:8.6rem;
	margin:3rem auto 1.5rem auto;
}
.end .msg{
	font-size:2.6rem;
	text-align:center;
	color:#783825;
	padding-bottom:3rem;
	padding-left:0.6rem;
}
.end .consider{
	overflow:hidden;
	width:18rem;
	margin:0 auto 1.5rem auto;
}
.end .consider .content{
	float:left;
	font-size:1rem;
}
.end .consider .content .title{
	font-size:1.6rem;
	font-weight:bold;
	line-height:2rem;
}
.end .consider .content .title .cursor{
	width:2rem;
	display:inline-block;
	margin-left:0.5rem;
}
.end .consider .code{
	width:6rem;
	float:right;
}
/*输入小票*/
.ticket{
	position:fixed;
	width:90%;
	overflow:hidden;
	border-radius:8px;
	top:50%;
	left:5%;
	z-index:11;
	background:#fff;
	margin-top:-5rem;
	text-align:center;
	display:none;
}
.ticket .close{
	position:absolute;
	font-size:1.7rem;
	top:0.4rem;
	right:1rem;
	color:#b9c0c0;
}
.ticket .header{
	color:#231815;
	font-size:1.8rem;
	background:#f08300;
	padding:0.6rem 0 1rem 0;
}
.ticket .content{
	padding:1.2rem 0;
	font-size:1.1rem;
	line-height:1.6rem;
}
.ticket .input-ticket{
	width:72%;
	display:block;
	margin:0 auto;
	border:0;
	border-radius:5px;
	background:#eeefef;
	line-height:2.6rem;
	height:2.6rem;
	text-align:center;
}
.ticket .submit-ticket{
	color:#fff;
	background:#e60012;
	font-size:1.8rem;
	font-weight:bold;
	line-height:2.6rem;
	height:2.6rem;
}
/*中奖纪录*/
.record{
    position: fixed;
    width: 82%;
    overflow: hidden;
    border-radius: 8px;
    top: 50%;
    left: 9%;
    z-index: 11;
    background: #fff;
    margin-top: -15.6rem;
    padding: 1.6rem 0 0.3rem 0;
	display:none;
}
.record .close{
	position:absolute;
	font-size:1.7rem;
	top:0.4rem;
	right:1rem;
	color:#b9c0c0;
}
.record .record-bg{
	display:block;
	width:98%;
	margin:0 auto;
}
.record .record-tips{
	position:absolute;
	text-align:center;
	color:#e60012;
	z-index:1;
	top:29.6%;
	left:0;
	width:100%;
}
.record .record-tips .tips-title{
	font-size:1rem;
	line-height:1.8rem;
}
.record .record-tips .tips-text{
	font-size:0.86rem;
}
.record .record-list{
	position: absolute;
	border: 1px solid #884b23;
	border-radius: 8px;
	width: 86%;
	height: 50%;
	left: 7%;
	top: 43%;
	z-index: 1;
	overflow:hidden;
}
.record .record-list .list-title{
	text-align:center;
	font-size:1.8rem;
	color:#e60012;
	font-weight:bold;
	line-height:3.4rem;
}
.record .record-item{
	width:100%;
	height:	calc(100% - 3.4rem);
	overflow-x:hidden;
	overflow-y:auto;
}
.record .record-item li{
	overflow:hidden;
	padding:0 0.8rem;
	width: calc(100% - 1.6rem);
	font-size:1.2rem;
	line-height:2.4rem;
}
.record .record-item .item-container{
	width:100%;
	display:block;
	border-bottom:1px solid #dfdfdd;
	overflow:hidden;
}
.record .record-item .item-num{17:37 2016/11/1517:37 2016/11/1517:37 2016/11/1517:37 2016/11/1517:37 2016/11/15
	color:#55372e;
	float:left;
}
.record .record-item .item-name{
	color:#f08300;
	float:left;
	margin-left:1.2rem;
}
.record .record-item .item-date{
	color:#aaa;
	float:right;
	margin-right:1.2rem;
}
